.flex {
  display: flex;
}

button {
  border: 1px solid;
  border-radius: 4px;
  background-color: rgb(104, 207, 255);
}

button:active {
  background-color: #1d1d1f;
  color: #ffffff;
}

.direction-column {
  flex-direction: column;
}

.center-center {
  justify-content: center;
  align-items: center;
}

.around-center {
  justify-content: space-around;
  align-items: center;
}

.between-center {
  justify-content: space-between;
  align-items: center;
}

.end-center {
  justify-content: flex-end;
  align-items: center;
}

.bottom-shadow {
  box-shadow: 0px 6px 40px #ebebeb;
}

.font-dataform {
  font-family: Arial, Helvetica, sans-serif;
}

.font-ellipsis {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.fade-enter-active, .fade-leave-active {
  transition: opacity .5s;
}
.fade-enter, .fade-leave-to /* .fade-leave-active below version 2.1.8 */ {
  opacity: 0;
}